<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>C001_入门</title>

	<style>
		* {
			color: cadetblue;
			list-style-type: none;
		}

		.special {
			color: burlywood;
		}

		#last {
			font-size: 30px;
		}

		p.special {
			color: red;
		}

		p, li {
			font-size: large;
		}

		ul > span {
			background-color: lightskyblue;
		}

		h2 + p {
			color: orange;
		}

		strong:hover {
			background-color: blueviolet;
		}

		li:first-child {
			color: coral;
		}

	</style>

	<link rel="stylesheet" href="index.css">

</head>
<body>

<div style="text-align: center">
	<strong>静夜思</strong>
	<small>李白</small>

	<p>床前明月光</p>
	<p class="special">疑是地上霜</p>
	<p>举头望明月</p>
	<p id="last">低头思故乡</p>
</div>

<h1> hello </h1>
<p> world </p>

<h2> hello </h2>
<p> hello </p>

<hr>

<div style="text-align: center">
	<ul>
		<li>床前明月光</li>
		<li class="special">疑是地上霜</li>
		<li>举头望 <span>明月</span> </li>
		<li id="last1">低头思故乡</li>
	</ul>
</div>


</body>
</html>